.footer-container {
  .sign-container {
    width: 100vw;
    height: 200rpx;
    opacity: 0;
    animation: show 2s forwards;
    animation-delay: 4s;
    .sign {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 150rpx;
      bottom: 70rpx;

      .spaceship-img {
        width: 100rpx;
        height: 100rpx;
      }
      .text {
        color: white;
        transition: opacity 0.2s;
      }
    }
  }
  .arrow {
    position: absolute;
    bottom: 30rpx;
    left: 50%;
    transform: translateX(-50%);
    animation: slide 3s infinite;
  }
}

@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes slide {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
